<template>
	<view class="box">
		<view class="header">
			<image src="../../../static/img/quickly/follow/followTitle.png"></image>
			<view class="information">
				<view class="top">
					<view>会员：{{details.memberNmae}}</view>
					<view>年龄：{{details.age}}岁</view>
					<view>性别：{{details.sex}}</view>
				</view>
				<view class="bottom">
					<view>签发人：{{details.healthName}}</view>
					<view>签发日期：{{details.modifiedDate ? details.modifiedDate.substr(0,10) : details.creatdDate && details.creatdDate.substr(0,10)}}</view>
				</view>
				<view class="content">
					<view>随访日期：{{details.floowDate}}</view>
					<view>随访方式：{{details.followUpMethod}}</view>
				</view>
			</view>
		</view>
		<view class="two"></view>
		<view class="three"></view>
		
		<view class="mainContent">
			<!-- 症状 -->
			<view class="symptom">
				<view class="boxOne">
					<image src="../../../static/img/quickly/follow/followTitle1@2x.png"></image>
				</view>
				<view class="symptomDescribe"> 
					<view class="symptomContent" v-if="details.symptom && details.symptom.length > 0" v-for="(item,index) in details.symptom" :key="index">{{(Number(item.name)+1)+'. ' + item.value}}</view>
					<view class="symptomContent on"  v-if="details.symptom && details.symptom.length <= 0">无症状</view>
				</view>
			</view>
			
			<!-- 体征 -->
			<view class="symptom">
				<view class="boxOne">
					<image src="../../../static/img/quickly/follow/followTitle2@2x.png" style="width: 432upx;height: 33upx;"></image>
				</view>
				<view class="signDescribe">
					<view class="xq" v-for="(item,index) in details.physicalSign" :key="index">
						<view v-if="index != 2">
							<span class="name">{{item.name}}</span>
							<em>：</em>
							<span class="currentContent">{{item.value || '未填写'}}</span>
						</view>
						<view v-else>
							<span class="name">{{item.name}}</span>
							<em>：</em>
							<span class="xy"><i class="one">{{item.value.split(',')[0] || '未填写'}}</i> <em v-if="item.value.split(',')[1]">/</em> <i class="second">{{item.value.split(',')[1] || ''}}</i></span>
						</view>
					</view>
				</view>			
			</view>
			
			<!-- 生活方式指导 -->
			<view class="symptom">
				<view class="boxOne">
					<image src="../../../static/img/quickly/follow/followTitle3@2x.png" style="width: 484upx;"></image>
				</view>
				<view class="signDescribe">
					<view class="live">
						<view class="left">
							<view>吸烟</view>
							<em>：</em>
						</view>
						<view class="right">{{details.appLifeGuidanceEntity && details.appLifeGuidanceEntity.smoke || ''}}</view>
					</view>	
					<view class="live">
						<view class="left">
							<view>喝酒</view>
							<em>：</em>
						</view>
						<view class="right">{{details.appLifeGuidanceEntity && details.appLifeGuidanceEntity.drink || ''}}</view>
					</view>
					<view class="live">
						<view class="left">
							<view>运动</view>
							<em>：</em>
						</view>
						<view class="right" v-if="details.appLifeGuidanceEntity && details.appLifeGuidanceEntity.sport == '不运动'">不运动</view>
						<view class="right" v-else>
							<view class="firstYd">{{details.appLifeGuidanceEntity && JSON.parse(details.appLifeGuidanceEntity.sport).motion}}次/周</view>
							<span v-if="details.appLifeGuidanceEntity && JSON.parse(details.appLifeGuidanceEntity.sport).duration">/</span>
							<view class="secondYd">{{details.appLifeGuidanceEntity && JSON.parse(details.appLifeGuidanceEntity.sport).duration}}分钟/次</view>
						</view>
					</view>	
					<view class="live">
						<view class="left">
							<view>摄盐情况</view>
							<em>：</em>
						</view>
						<view class="right">{{details.appLifeGuidanceEntity && details.appLifeGuidanceEntity.saltUptake}}</view>
					</view>
					<view class="live">
						<view class="left">
							<view>心里调整</view>
							<em>：</em>
						</view>
						<view class="right">{{details.appLifeGuidanceEntity && details.appLifeGuidanceEntity.psychology}}</view>
					</view>
					<view class="live">
						<view class="left">
							<view>遵从行为</view>
							<em>：</em>
						</view>
						<view class="right">{{details.appLifeGuidanceEntity && details.appLifeGuidanceEntity.complianceBehavior}}</view>
					</view>
					<view class="live">
						<view class="left">
							<view>其他</view>
							<em>：</em>
						</view>
						<view class="right" v-if="details.appLifeGuidanceEntity && details.appLifeGuidanceEntity.other" v-html="details.appLifeGuidanceEntity.other"></view>
					</view>
					
				</view>	
			</view>
			
			<!-- 其他事项-->
			<view class="symptom">
				<view class="boxOne">
					<image src="../../../static/img/quickly/follow/followTitle4@2x.png"></image>
				</view>
				<view class="symptomDescribe">                   
					<view class="symptomContent" v-if="details.moreMethood" v-for="(item,index) in details.moreMethood" :key="index">{{(Number(item.name)+1)+'. '+item.value}}</view>
					<view class="symptomContent on" v-if="details.moreMethood && details.moreMethood.length <= 0">无其他事项</view>
				</view>
			</view>
			
			<!-- 服务情况-->
			<view class="symptom">
				<view class="boxOne">
					<image src="../../../static/img/quickly/follow/followTitle5@2x.png"></image>
				</view>
				<view class="symptomDescribe">                   
					<view class="distinguish">
						<view class="left">下次随访日期：</view>
						<view class="right">{{details.nextDate}}</view>
					</view>
					<view class="distinguish">
						<view class="left">本次随访人员：</view>
						<view class="right">{{details.healthName}}</view>
					</view>
					<view class="distinguish">
						<view class="left">本次随访会员：</view>
						<view class="right">{{details.memberNmae}}</view>
					</view>
					<view class="distinguish">
						<view class="left">此次随访评价：</view>
						<view class="right">{{details.evaluate}}</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script src="@/static/js/quickly/follow/toView"></script>

<style lang="scss" scoped>
	@import '@/static/css/quickly/follow/toView.scss';
</style>
